<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>诗词欣赏</title>
    <style>
        table{
            width: 80%;
            border:1px solid red;
        }
        .td2{
            border:1px solid red;
            text-align: center;
        }
        .td1{
            text-align: right;
            height: 500px;
        }
        .td3{
            text-align: left;
            width: 40%;
            height: 500px;
        }
        .td4{
            text-align: center;
            padding-top: 3%;
        }
        .td4 p{
            font-size: 30px;
            color:orange;
        }
        .td2 img{
            width: 30%;
        }
        .td1 img{
            width: 100%;
        }
        .td3 ul li{
            font-size: 30px;
            line-height: 3em;
            color:orange;
        }
        a:link,a:visited{
            color:orange;
            text-decoration: none;
        }
        ul li{
            list-style-image: url("img/pic.GIF");
        }
    </style>
</head>
<body>
<article>
    <aside>
        <table align="center">
            <tr>
                <td class="td2" colspan="2">
                    <img src="img/shc.jpg" alt="首图">
                </td>
            </tr>
            <tr>
                <td class="td3">
                    <ul>
                        <li><a href="scxs2.html">钱塘湖春行</a></li>
                        <li><a href="scxs3.html">送友人</a></li>
                        <li><a href="scxs4.html">春夜喜雨</a></li>
                    </ul>
                </td>
                <td class="td1">
                    <img src="img/fg.jpg" alt="风景图">
                </td>
            </tr>
            <tr>
                <td class="td4" colspan="2">
                    <p>欢迎来到诗词欣赏</p>
                </td>
            </tr>
        </table>
    </aside>
</article>
</body>
</html>